@font-face {
	font-family: myFont;
	src: url('https://img.yummall.cn/baiyetong/yunmaobms/font/font_2225171_8kdcwk4po24%20(1).ttf');
}


@for $i from 1 through 600 {
  .h-#{$i} {
    height: 1px * $i ;
  }
}

@for $i from 1 through 600 {
  .w-#{$i} {
    width: 1px * $i ;
  }
  .wh-#{$i} {
    width: 1px * $i ;
    height: 1px * $i ;
  }
  .line-height-#{$i} {
    line-height: 1px * $i;
  }
}

@for $i from 0 through 100 {
	.zIndex-#{$i} {
	  z-index: $i;
	}
	.top-#{$i} {
	  top: 1px * $i;
	}
	.bottom-#{$i} {
	  bottom: 1px * $i;
	}
	.left-#{$i} {
	  left: 1px * $i ;
	}
	.right-#{$i} {
	  right: 1px * $i ;
	}
}

@for $i from 1 through 100 {
  .text-size-#{$i} {
    font-family: myFont;
    font-size: 1px * $i ;
  }
  .bor-rad-#{$i} {
    border-radius: 1px * $i;
  }
  .mr-#{$i} {
     margin-right: 1px * $i ;
   }
   .ml-#{$i} {
     margin-left: 1px * $i ;
   }
   .mt-#{$i} {
     margin-top: 1px * $i ;
   }
   .mb-#{$i} {
     margin-bottom: 1px * $i ;
   }
   .mx-#{$i} {
     margin-left: 1px * $i ;
     margin-right: 1px * $i ;
   }
   .my-#{$i} {
     margin-top: 1px * $i ;
     margin-bottom: 1px * $i ;
   }
   .m-#{$i} {
     margin: 1px * $i ;
   }
   .pr-#{$i} {
     padding-right: 1px * $i ;
   }
   .pl-#{$i} {
     padding-left: 1px * $i ;
   }
   .pt-#{$i} {
     padding-top: 1px * $i ;
   }
   .pb-#{$i} {
     padding-bottom: 1px * $i ;
   }
   .px-#{$i} {
     padding-right: 1px * $i ;
     padding-left: 1px * $i ;
   }
   .py-#{$i} {
     padding-top: 1px * $i ;
     padding-bottom: 1px * $i ;
   }
   .p-#{$i} {
     padding: 1px * $i ;
   }
}


.bor-rad-round {
  border-radius: 50%;
}

.shadow {
  box-shadow: 0px 0px 10px #f1f1f1;
}

.nvue-box {
  flex: 1;
  background-color: #f9f9f9;
}

/*  字体大小 */
.text-24 {
  font-size: 48px;
  font-family: myFont;
  font-weight: bold;
}

.text-22 {
  font-size: 44px;
  font-family: myFont;
  font-weight: bold;
}

.text-20 {
  font-size: 40px;
  font-family: myFont;
  font-weight: bold;
}

.text-18 {
  font-size: 36px;
  font-family: myFont;
  font-weight: bold;
}

.text-16 {
  font-size: 32px;
  font-family: myFont;
  font-weight: bold;
}

.text-14 {
  font-family: myFont;
  font-size: 28px;
}

.text-12 {
  font-family: myFont;
  font-size: 24px;
}

.text-10 {
  font-family: myFont;
  font-size: 20px;
}

.text-bold {
  font-weight: bold;
}

/* 字体颜色 */
/* 主色 */
.text-main {
  color: #8848cb !important;
}

/* 辅助色 */
.text-main1 {
  color: #ef885f;
}

/* 成功 */
.text-success {
  color: #07c160;
}

/* 警告 */
.text-warning {
  color: #faad14;
}

/* 失败 */
.text-error {
  color: #fa5151;
}

/* 提示 */
.text-ti {
  color: #949099;
}

/* 次要文字 */
.text-ti1 {
  color: #636066;
}

/* 白色 */
.text-white {
  color: white;
}

/* 背景颜色 */
/* 主色 */
.bg-main {
  background-color: #8848cb;
}

.bg-main-ti {
  background-color: #f4ecfd;
}

.bg-ti {
  background-color: #f4f4f4;
}

/* 副背景色 */
.bg-main-zi {
  background-color: #f2ecf8;
}

/* 副背景色 */
.bg-main-fu {
  background-color: #f9f9f9;
}

/* 警告按钮背景色 */
.bg-warning {
  background-color: #faad14;
}

.bg-warning-ti {
  background-color: #fff0e3;
}

/* 成功按钮背景色 */
.bg-success {
  background-color: #07c160;
}

.bg-success-ti {
  background-color: #f1f9f5;
}

/* 失败按钮背景色 */
.bg-error {
  background-color: #fa5151;
}

.bg-error-ti {
  background-color: #fbeeed;
}

.bg-white {
  background-color: white;
}

.img-size-24 {
  width: 48px;
  height: 48px;
}

.img-size-18 {
  width: 36px;
  height: 36px;
}

.img-size-16 {
  width: 32px;
  height: 32px;
}

.img-size-14 {
  width: 28px;
  height: 28px;
}

.img-size-40 {
  width: 80px;
  height: 80px;
}


//定位布局
 .posi-fix{
	 position: fixed;
	 /* #ifdef H5 */
	 position: fixed !important;
	 /* #endif */
 }
 
.posi-re {
  position: relative;
  /* #ifdef H5 */
  position: relative !important;
  /* #endif */
}

.posi-ab {
  position: absolute;
  /* #ifdef H5 */
  position: absolute !important;
  /* #endif */
}

/* 弹性布局 */
.flex {
  display: flex;
  /* #ifdef H5 */
  display: flex !important;
  /* #endif */
}

.flex-col {
  display: flex;
  flex-direction: column;
  /* #ifdef H5 */
  display: flex !important;
  flex-direction: column !important;
  /* #endif */
}

.flex-row {
  display: flex;
  flex-direction: row;
  /* #ifdef H5 */
  display: flex !important;
  flex-direction: row !important;
  /* #endif */
}

.flex-nwrap {
	display: flex;
  flex-wrap: nowrap;
  /* #ifdef H5 */
  display: flex !important;
  flex-wrap: nowrap !important;
  /* #endif */
}

.flex-wrap {
	display: flex;
  flex-wrap: wrap;
  /* #ifdef H5 */
  display: flex !important;
  flex-wrap: wrap !important;
  /* #endif */
}

.flex-1 {
	display: flex;
  flex: 1;
  /* #ifdef H5 */
  display: flex !important;
  flex: 1 !important;
  /* #endif */
}

.shrink-0{
	flex-shrink: 0;
}

.jty-start {
	display: flex;
  justify-content: flex-start;
  /* #ifdef H5 */
  display: flex !important;
  justify-content: flex-start !important;
  /* #endif */
}

.jty-end {
	display: flex;
  justify-content: flex-end;
  /* #ifdef H5 */
  display: flex !important;
  justify-content: flex-end !important;
  /* #endif */
}

.jty-center {
	display: flex;
  justify-content: center;
  /* #ifdef H5 */
  display: flex !important;
  justify-content: center !important;
  /* #endif */
}

.jty-btn {
	display: flex;
  justify-content: space-between;
  /* #ifdef H5 */
  display: flex !important;
  justify-content: space-between !important;
  /* #endif */
}

.jty-aud {
	display: flex;
  justify-content: space-around;
  /* #ifdef H5 */
  display: flex !important;
  justify-content: space-around !important;
  /* #endif */
}

.items-start {
	display: flex;
  align-items: flex-start;
  /* #ifdef H5 */
  display: flex !important;
  align-items: flex-start !important;
  /* #endif */
}

.items-end {
	display: flex;
  align-items: flex-end;
  /* #ifdef H5 */
  display: flex !important;
  align-items: flex-end !important;
  /* #endif */
}

.items-center {
	display: flex;
  align-items: center;
  /* #ifdef H5 */
  display: flex !important;
  align-items: center !important;
  /* #endif */
}

.over-hidden {
  overflow: hidden;
}

.text-over-nvue {
  overflow: hidden;
  text-overflow: ellipsis;
  //强制不换行
  lines: 1;
}



/* #ifdef H5 */
.tran-all {
  transition: all 0.2s ease-in-out;
}
/* #endif */





// #ifndef APP-PLUS-NVUE
.scroll-view {
  // #ifdef H5
  height: calc(100vh - 55px);
  // #endif
  // #ifndef H5
  height: calc(100vh - 100px);
  // #endif
}

.box-border{
  box-sizing:border-box;
}

.box-content{
  box-sizing:content-box;
}

.jty-eve {
  justify-content: space-evenly;
}

.text-over {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-nowrap {
  white-space: nowrap;
}

.text-center {
  text-align: center;
}

.text-end {
  text-align: end;
}

.text-start {
  text-align: start;
}
// #endif





.border {
  border: 1px solid #f1f1f1 !important;
}

.border-top {
  border-top: 1px solid #f1f1f1 !important;
}

.border-bottom {
  border-bottom: 1px solid #f1f1f1 !important;
}

.border-left {
  border-left: 1px solid #f1f1f1 !important;
}

.border-right {
  border-right: 1px solid #f1f1f1 !important;
}






// #ifndef APP-PLUS
/* 主色右渐变 */
.bg-main-change-right {
  background: linear-gradient(
    to right,
    rgba(136, 72, 203, 1) 0%,
    rgba(139, 97, 243, 1) 100%
  );
}


/* 主色下渐变 */
.bg-main-change-bottom {
  background: linear-gradient(
    to bottom,
    rgba(136, 72, 203, 1) 0%,
    rgba(139, 97, 243, 1) 100%
  );
}

/* 辅助色右渐变 */
.bg-main1-change-right {
  background: linear-gradient(
    to right,
    rgba(239, 136, 95, 1) 0%,
    rgba(255, 199, 88, 1) 100%
  );
}

/* 辅助色下渐变 */
.bg-main1-change-bottom {
  background: linear-gradient(
    to bottom,
    rgba(239, 136, 95, 1) 0%,
    rgba(255, 199, 88, 1) 100%
  );
}

// #endif


.pageBox-nvue {
	background-color: #f4f4f4;
	/* #ifdef APP-PLUS */
	flex: 1;
	/* #endif */
	/* #ifndef APP-PLUS */
	height: 100vh;
	/* #endif */
}

.pageBox-vue {
	background-color: #f4f4f4;
	height: 100vh;
}